<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <style>
    body {
      overflow: hidden;
    }

    canvas {

      position: absolute;
      top: 0;
      left: 0;
      background-color: black;
    }
    img {
      width: 200px;
    }
    .projects-list{
      position: absolute;
      z-index: 666666666666;
      right: 50%;
      color: white;
    }
    .projects-list p{
      margin: 20px 0;
    }
    .projects-list a{
      color: white;
      text-decoration: none;
    }
    .projects-list a:hover{
      color: red;
    }
  </style>



</head>

<body>
  <div class="projects-list">
    <h1>项目列表</h1>
   <p><a href="千图网/index.html">项目一:千图网(PC端)</a></p>
   <p><a href="小米商城/index.html">项目二:小米商城(PC端)</a></p>
   <p><a href="判断质数">项目三:判断质数</a></p>
   <p><a href="美菜网/index.html">项目四:美菜网(PC端)</a></p>
   <p><a href="原野映像/index.html">项目五:原野映像(手机端)</a></p>
  </div>
  <canvas id=c></canvas>
  <img src=a-colours-circle-rainbow-HD-Wallpaper.jpg>
  <script src='js/dat.gui.min.js'></script>

  <script src="js/index.js"></script>

</body>
</html>